<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Simple Demo</title>
	
		<link rel="stylesheet" type="text/css" href="../resources/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../resources/css/demojsdas.css" />

		<script language="JavaScript" type="text/javascript" src="../jsdas.min.js"></script>
		<script language="JavaScript" type="text/javascript" src="../demojsdas.js"></script>
		<script language="JavaScript" type="text/javascript" src="simple_demo.js"></script>
		
	</head>
	<body>
		<div id='outline'>
		<h1>JSDAS simple example</h1>
		<br>
		<fieldset>
			<legend>Sources:</legend>
			<table>
				<tr>
					<td colspan=2>URL <input size='100%' id='sou_url' value='http://www.dasregistry.org/das/'></input></td>
				</tr>
				<tr>
					<td>Capability <input id='cap' value='sequence'></input></td>
					<td>Authority <input id='aut'></input></td>
				</tr>
				<tr>
					<td>Type <input id='typ' value='Chromosome'></input></td>
					<td>Organism <input id='org' value='9606'></input></td>
				</tr>
				<tr>
					<td>Label <input id='lab'></input></td>
					<td><button onclick="getSources(document.getElementById('sou_url').value, document.getElementById('cap').value, document.getElementById('aut').value, document.getElementById('typ').value, document.getElementById('org').value, document.getElementById('lab').value);">Go</button></td>
				</tr>
			</table>
			<div id='sources_results'></div>
		</fieldset>
		
		<fieldset>
			<legend>Sequence</legend>
			<table>
				<tr>
					<td colspan=4>URL <input size='100%' id='seq_url' value='http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/'></input></td>
				</tr>
				<tr>
					<td>Entry Point <input id='seq_entry_point' value='P00280'></input></td>
					<td>Start <input id='seq_start' value='5'></input></td>
					<td>Stop <input id='seq_stop' value='80'></input></td>
					<td><button onclick="getSequence(document.getElementById('seq_url').value, document.getElementById('seq_entry_point').value, document.getElementById('seq_start').value, document.getElementById('seq_stop').value);">Go</button></td>
				</tr>
			</table>
			<div id='sequence_results'></div>
		</fieldset>
		
		<fieldset>
			<legend>Features</legend>
			<table>
				<tr>
					<td colspan=4>URL <input size='100%' id='fea_url' value='http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/'></input></td>
				</tr>
				<tr>
					<td>Entry Point <input id='fea_entry_point' value='P00280'></input></td>
					<td>Start <input id='fea_start' value='10'></input></td>
					<td>Stop <input id='fea_stop' value='200'></input></td>
					<td><button onclick="getFeatures(document.getElementById('fea_url').value, document.getElementById('fea_entry_point').value, document.getElementById('fea_start').value, document.getElementById('fea_stop').value);">Go</button></td>
				</tr>
			</table>
			<div id='features_results'></div>
		</fieldset>
		
		<fieldset>
			<legend>Features - DAS Query Language</legend>
			<table>
				<tr>
					<td colspan=4>Proposed Extension <a href='http://www.biodas.org/wiki/DAS1.6E#DAS_Query_Language'>-DAS Query Language-</a></td>	
				</tr>
				<tr>
					<td colspan=4>URL <input size='100%' id='fea_url_q' value=''></input></td>
				</tr>
				<tr>
					<td>Query <input id='query' value='segmentId:P0506*'></input></td>
					<td><button onclick="getFeaturesQuery(document.getElementById('fea_url_q').value, document.getElementById('query').value);">Go</button></td>
				</tr>
			</table>
			<div id='query_results'></div>
		</fieldset>
		
		<fieldset>
			<legend>Entry Points</legend>
			<table>
				<tr>
					<td colspan=4>URL <input size='100%' id='ent_url' value='http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/'></input></td>
				</tr>
				<tr>
					<!--<td>Start <input id='ent_start' value='1'></input></td>
					<td>Stop <input id='ent_stop' value='11'></input></td>-->
					<td><button onclick="getEntryPoints(document.getElementById('ent_url').value);">Go</button></td>
				</tr>
			</table>
			<div id='entry_points_results'></div>
		</fieldset>
		
		<fieldset>
			<legend>Types</legend>
			<table>
				<tr>
					<td colspan=4>URL <input size='100%' id='typ_url' value='http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/'></input></td>
				</tr>
				<tr>
					<!--<td>Entry Point <input id='typ_entry_point' value='1'></input></td>
					<td>Start <input id='typ_start' value='1'></input></td>
					<td>Stop <input id='typ_stop' value='11'></input></td>-->
					<td><button onclick="getTypes(document.getElementById('typ_url').value);">Go</button></td>
				</tr>
			</table>
			<div id='types_results'></div>
		</fieldset>
		</div>
	</body>
</html>
